<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset='utf-8' />
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <title>添加图片</title>
    <!--引入第三方的jquery脚本库-->
    <script include="jquery" src="./static/libs/include-lib-local.js"></script>
    <script src="./static/libs/include-cesium-local.js"></script>
    <!--当前示例页面样式表引用-->
    <link rel="stylesheet" href="./static/demo/cesium/style.css" />
    <script>
        'use strict';
        //定义三维视图的主要类
        var webGlobe;
        //地图初始化函数
        function init() {
            //构造三维视图类（视图容器div的id，三维视图设置参数）
            webGlobe = new Cesium.WebSceneControl('GlobeView', {
                terrainExaggeration: 1,
            });

            //构造第三方图层对象
            var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
                viewer: webGlobe.viewer
            });
            //加载天地图
            var tdtLayer = thirdPartyLayer.appendTDTuMap({
                //开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
                token: "9c157e9585486c02edf817d2ecbc7752",
                //地图类型 'vec'矢量 'img'影像 'ter'地形
                ptype: "img"
            });

            //初始化视图功能管理类
            var sceneManager = new CesiumZondy.Manager.SceneManager({
                viewer: webGlobe.viewer
            });
            //显示鼠标位置控件
            sceneManager.showPosition("coordinateDiv");

            var geoJson;

            function loadGeoJson(url) {
                geoJson = webGlobe.appendGeoJson(url, function(entities) {
                    var entities = entities.values;
                    for (var i = 0; i < entities.length; i++) {
                        var entity = entities[i];
                        var name = entity.name; //geojson里面必须得有一个name属性，entity.name对应
                        // var record = mapOfPlague.get(name);
                        // var color = colorHash[name]; //可以使两个同名要素使用同一种颜色。。。
                        // if (null !== record) {
                        //     if (!color) {
                        //         if (record.confirmedPatients >= 1000) {
                        //             color = Cesium.Color.fromCssColorString(
                        //                 "#642100"
                        //             );
                        //         } else if (
                        //             record.confirmedPatients >= 500 &&
                        //             record.confirmedPatients < 1000
                        //         ) {
                        //             color = Cesium.Color.fromCssColorString(
                        //                 "#A23400"
                        //             );
                        //         } else if (
                        //             record.confirmedPatients >= 100 &&
                        //             record.confirmedPatients < 500
                        //         ) {
                        //             color = Cesium.Color.fromCssColorString(
                        //                 "#FF8000"
                        //             );
                        //         } else if (
                        //             record.confirmedPatients >= 10 &&
                        //             record.confirmedPatients < 100
                        //         ) {
                        //             color = Cesium.Color.fromCssColorString(
                        //                 "#EAC100"
                        //             );
                        //         } else {
                        //             color = Cesium.Color.fromCssColorString(
                        //                 "#F9F900"
                        //             );
                        //         }
                        //         color.alpha = 1.0;
                        //         // color = Cesium.Color.fromRandom({
                        //         //     alpha: 0.8
                        //         // });
                        //         colorHash[name] = color;
                        //     }
                        // } else {
                        //     if (!color) {
                        //         color = Cesium.Color.fromRandom({
                        //             alpha: 0.8,
                        //         });
                        //         colorHash[name] = color;
                        //     }
                        // }
                        entity.polygon.material = new Cesium.Color(Math.random(), Math.random(), Math.random(), 1.0);
                        // entity.polygon.outline = false;
                        entity.polygon.extrudedHeight = Math.floor(Math.random() * 1000 + 100);
                        // entity.polygon.extrudedHeight = 100;
                        entity.polygon.outline = false;
                        // entity.polygon.outlineColor = new Cesium.Color(0.0, 0.0, 1.0, 1.0);
                        // entity.polygon.outlineWidth = 0.1;
                        // silhouetteBlue.selected.push(entity);
                        // entity.polygon.polyline.width = 4;
                    }
                    viewer.scene.requestRender();
                });
            }
        }
    </script>
</head>

<body onload="init()">
    <div id="GlobeView"></div>
    <div id="coordinateDiv" class="coordinateClass">
</body>

</html>